<template>
	<view class="no_content">
		<!-- <image :src="src" mode="widthFix"></image> -->
		
		<u-icon name="file-text" color="#C5D3E8" size="80"></u-icon>
		
		<text>{{content}}</text>
	</view>
</template>

<script>
	export default {
		name: "no-data",
		data() {
			return {

			};
		},
		props: {
			src: {
				type: String,
				default: '../static/home/no_news_icon.png'
			},
			content: {
				type: String,
				default: '暂无数据~'
			}
		}
	}
</script>

<style>
	.no_content {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		margin-top: 100upx;
		margin-bottom: 50upx;
	}

	.no_content image {
		width: 190upx;
		height: 174upx;
	}

	.no_content text {
		font-size: 28upx;
		color: #C5D3E8;
		margin-top: 12upx
	}
</style>
